<template>
<div>

	<el-table
      :data="data"
      border
      show-summary
      v-loading="loading"
      style="width: 100%">
      	<el-table-column
        	prop="company_code"
        	label="机构编号"
        	width="100">
      	</el-table-column>
      	<el-table-column
        	prop="company_name"
        	label="机构名称"
        	>
      	</el-table-column>
      	<el-table-column
	        prop="max_price"
	        sortable
	        label="上限"
	        width="180">
      	</el-table-column>

      	<el-table-column
	        prop="accumulative_price"
	        sortable
	        label="用了"
	        width="180">
      	</el-table-column>

      	<el-table-column
	        prop="dx_price"
	        sortable
	        label="短信费用"
	        width="180">
      	</el-table-column>
      	<el-table-column
	        prop="sy_price"
	        sortable
	        label="服务费剩余"
	        width="180">
      	</el-table-column>

      	<!-- <el-table-column
	    	fixed="right"
	    	label="操作"
	      >
	      <template slot-scope="scope">
	        <el-button @click="handleClick(scope.row)" type="text" size="small">
	        详情</el-button>
	        <br>
	      </template>
	    </el-table-column> -->

      
    </el-table>

</div>		
</template>

<script>

export default {
	name: 'pricelist',
		data () {
		return {
			loading : true,
		 	data : [],
		}
	},

	props: {

	},

	components: {
		
	},

	computed : {
		
	},

	methods : {
		init () {
			this.loading = true;
			let para = {
				fun : 'pricelist',
				cb : res => {
					console.log(res);
					this.data = res;

					this.loading = false;
				},
				err : res => {
					this.loading = false;
					this.$notify.error({
			          title: '错误',
			          message: res,
			        });
				}
			};
			this.$store.dispatch('update', para);
		},
	},

	watch : {
	    
	},

	mounted () {
		this.init();
	},

}
</script>

<style scoped>

</style>
